@import '@/styles/utils.scss';

.preview {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: all 0.3s;

  .code {
    position: relative;
    flex: 1;

    .codeCont {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
    }
  }

}

.previewOpen {
  width: 50%;
  transition: all 0.3s;
  animation: expand 0.3s ease forwards;
}

@keyframes expand {
  to {
    width: 100%;
  }
}